<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>演示基本的html标签</title>
</head>
<body>
    <!--一、文本标签-->
    <h1>这是一个标题</h1>
    <!--标题 h1到h4-->
    <h2>这是一个标题</h2>
    <h3>这是一个标题</h3>
    <h4>这是一个标题</h4>

    <p>这是一个段落</p>
    <p>这是另一个段落</p>

    <!--二、列表标签(有序与无序)-->
    <!--ol 有序-->
    <ol>
        <li>这是一个列表项</li>
        <li>这是另一个列表项</li>
        <li>这是一个列表项</li>
    </ol>
    <!--无序列表-->
    <ul>
        <li>这是一个列表项</li>
        <li>这是另一个列表项</li>
        <li>这是一个列表项</li>
    </ul>

    <!--三、多媒体与链接标签-->
    <!--图片-->
    <img src="ai.png" style="width: 200;height: 200px;" alt="这是一个图片">
    <!--链接-->
    <a href="https://www.baidu.com">这是一个链接</a><br>

    <a href="https://www.baidu.com"> <img src="ai.png" style="width: 200;height: 200px;" alt="这是一个图片"></a>
    <!--显示视频-->
    <video src="python.mp4" controls></video>
</body>
</html>